<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="首页登录框.css">
    <link rel="stylesheet" href="计协小哥动态.css">
    <title>用户登录</title>

    
</head>

<body>
    <audio autoplay loop>
        <source src="bgm1.mp3" type="audio/mpeg">
    </audio>
<!-- 设置背景音乐 -->

<div class="box"> 
<!-- 给登录框划区域和命名 -->

     <img src="计协小哥.jpg" class="jx">
     <!-- 插入图片并命名 后续加效果 -->

     <h1>login</h1> 
     <!-- 登录框标题 -->
      
     <form action="" class="login">
    <!-- 用户输入信息 交互 提交信息 -->
        <img src="user.png">
        <!-- 插入插件 -->
        <input type="text" placeholder="Username"><br>
        <!-- 用户账号输入 -->

        <img src="password.png" alt="">
        <input type="password" placeholder="Password" class="password"><br> 
        <!-- 用户密码输入 -->

        <a href="#" class="wj">忘记密码?</a><br> 
        <!-- 忘记密码 -->

        <a href="关于转生这档事.html"><button type="button">submit</button></a><br> 
        <!-- 提交按钮 -->
     
        <h style="font-size: 11px;">没有账号?</h>
        <a href="#"><h style="font-size: 13px; color: blue;"><strong>注册</strong></a></h> 
        <!-- 注册 -->
    </form>
</div>


</body>
</html>